<template>
  <div class="hmtop">
  <Top></Top>
  <SearchBox></SearchBox>
  <Category></Category>
    <ShopNav></ShopNav>
  <Banner></Banner>
  <Footer></Footer>
</div>
</template>

<script>
import Top from './components/top.vue'
import SearchBox from './components/searchbox.vue'
import Category from './components/category.vue'
import Banner from './components/banner.vue'
import Footer from './components/footer.vue'
import ShopNav from './components/shopNav'
export default {
  name: 'app',
  components: {
    Top,
    SearchBox,
    Category,
    Banner,
    Footer,
    ShopNav

  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
  body{
    padding: 0px;
    margin: 0px;
  }
</style>
